<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>骰子布局</title>
		<link rel="stylesheet" type="text/css" href="../css/04.css" />
	</head>
	<body>
		<h1>骰子布局</h1>
		<!--一个点数-->
		<h2>一个点数</h2>
		<div class="row">
			<div class="dice1 dice1-1">
				<div class="point"></div>
			</div>
			<div class="dice1 dice1-2">
				<div class="point"></div>
			</div>
			<div class="dice1 dice1-3">
				<div class="point"></div>
			</div>
			<div class="dice1 dice1-4">
				<div class="point"></div>
			</div>
			<div class="dice1 dice1-5">
				<div class="point"></div>
			</div>
			<div class="dice1 dice1-6">
				<div class="point"></div>
			</div>
			<div class="dice1 dice1-7">
				<div class="point"></div>
			</div>
			<div class="dice1 dice1-8">
				<div class="point"></div>
			</div>
			<div class="dice1 dice1-9">
				<div class="point"></div>
			</div>
		</div>
		<h2>两个点数</h2>
		<div class="row">
			<div class="dice2 dice2-1">
				<div class="point"></div>
				<div class="point"></div>
			</div>
			<div class="dice2-plus dice2-2">
				<div class="point"></div>
				<div class="point"></div>
			</div>
			<div class="dice2-plus dice2-3">
				<div class="point"></div>
				<div class="point"></div>
			</div>
			<div class="dice2-plus dice2-4">
				<div class="point"></div>
				<div class="point"></div>
			</div>
			<div class="dice2 dice2-5">
				<div class="point"></div>
				<div class="point"></div>
			</div>
			<div class="dice2 dice2-6">
				<div class="point"></div>
				<div class="point"></div>
			</div>
		</div>
		<h2>三个点数</h2>
		<div class="dice3 dice3-1">
			<div class="point"></div>
			<div class="point"></div>
			<div class="point"></div>
		</div>
		<h2>四个点数</h2>
		<div class="row">
			<div class="dice4 dice4-1">
				<div class="point"></div>
				<div class="point"></div>
				<div class="point"></div>
				<div class="point"></div>
			</div>
			<div class="dice4 plus">
				<div class="column">
					<div class="point"></div>
					<div class="point"></div>
				</div>
				<div class="column">
					<div class="point"></div>
					<div class="point"></div>
				</div>
			</div>
		</div>
		<h2>六个点数</h2>
		<div class="row">
			<div class="dice6 dice6-1">
				<div class="point"></div>
				<div class="point"></div>
				<div class="point"></div>
				<div class="point"></div>
				<div class="point"></div>
				<div class="point"></div>
			</div>
			<div class="dice6-plus dice6-2">
				<div class="point"></div>
				<div class="point"></div>
				<div class="point"></div>
				<div class="point"></div>
				<div class="point"></div>
				<div class="point"></div>
			</div>
		</div>
		<h2>九个点数</h2>
		<div class="dice9">
			<div class="point"></div>
			<div class="point"></div>
			<div class="point"></div>
			<div class="point"></div>
			<div class="point"></div>
			<div class="point"></div>
			<div class="point"></div>
			<div class="point"></div>
			<div class="point"></div>
		</div>
	</body>
</html>
